/**
 * 页面重置样式表, 重置一些控件的默认样式
 * @author: haoran.shu
 * @date: 2017/8/3
 */
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  font-size: 1.4em;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
html, body {
  height: 100%;
}
div, input, header, footer {
  box-sizing: border-box;
}

/**
 * 1. 防止 img 指定「height」时图片高度不能按照宽度等比缩放，导致图片变形
    http://jsbin.com/aJoTUca/2
 * 2. 让图片支持响应式
 * 3. 去除现代浏览器图片底部的空隙
 */
img {
  height: auto; /* 1*/
  max-width: 100%; /* 2 */
  vertical-align: top; /* 3 */
}

p {
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 0;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 0;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.6em;
  margin: 0;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}
/* ---------------------
   字体样式图标库: start
-----------------------*/


@font-face {font-family: "iconfont";
  src: url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('//at.alicdn.com/t/font_396609_qkb4w6d7483bx1or.ttf?t=1504081042740') format('truetype') /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-link:before { content: "\e635"; }

.icon-licai:before { content: "\e606"; }

.icon-telephone:before { content: "\e791"; }

.icon-invite:before { content: "\e60f"; }

.icon-phone:before { content: "\e60a"; }

.icon-topspeed:before { content: "\e60b"; }

.icon-location:before { content: "\e618"; }

.icon-precise:before { content: "\e62a"; }

.icon-security:before { content: "\e619"; }

.icon-mima:before { content: "\e625"; }
/* ---------------------
   字体样式图标库: end
-----------------------*/
/**
 * 所有页面通用的样式表
 * @author: haoran.shu
 * @date: 2017/8/24
 */
/* 三行布局 */
/* 按钮模块 */
body {
  background-color: #f5f5f5;
}
/* ---------------------
   上中下三行布局: start
-----------------------*/
/* 头部样式 */
header {
  width: 100%;
  height: 40px;
  background-color: white;
  padding: 0 20%;
  display: table;
}
header .column {
  display: table-cell;
  vertical-align: middle;
}
header .column-right {
  text-align: right;
}
header .title-group {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  border-left: 1px solid #cfcfcf;
  padding-left: 10px;
  color: #8a8a8a;
  font-size: 1.6rem;
}
header .logo {
  height: 23px;
  vertical-align: middle;
}
header a {
  color: black;
  font-size: 1.2rem;
  margin: .5em 1em;
  padding-bottom: .5em;
}
header .active-tab {
  border-bottom: 2px solid #328bf4;
}
header .btn {
  padding: .2em .5em;
  margin-left: 15px;
}
/* 中间内容部分 */
.container {
  padding: 0 20%;
  min-height: calc(100% - 40px - 180px);
  background-size: 100% 100%;
  position: relative;
}
/* 底部样式 */
.footer {
  height: 180px;
  padding: 10px 20%;
  background-color: #2f3239;
  font-size: 1.4rem;
}
.footer .inner-wrap {
  display: flex;
  justify-content: space-between;
}
.footer .col-title {
  font-size: 1.2rem;
  color: #fcfcfc;
  margin-bottom: 5px;
}
.footer .content {
  line-height: 22px;
  color: #abadab;
  font-size: 1rem;
}
.footer .content a {
  color: #fff;
}
.footer .qrcode-wrapper {
  text-align: center;
  color: white;
  font-size: 1rem;
}
.footer .qrcodeimg {
  width: 80px;
}
.footer .copyright {
  text-align: center;
  font-size: 1.2rem;
  color: #7d93a3;
}
.footer .copyright a {
  color: #5389d2;
  margin: 0 8px;
}
.footer .copyright .icp {
  color: #848484;
}
/* ---------------------
   上中下三行布局: start
-----------------------*/
/* ---------------------
   模块: start
-----------------------*/
/* button */
.btn {
  outline: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: center;
  padding: .4em 1em;
}
.btn-default {
  background-color: white;
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
}
.btn-default:active {
  border-color: #4998f4;
  color: black;
}
.btn-primary {
  background-color: #4998f4;
  color: white;
}
.btn-primary:active {
  background-color: #318af3;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-radius {
  border-radius: 3px;
}
/* 浮动 */
.clearfix:after {
  content: "";
  display: block;
  /* 加入的这个元素转换为块级元素 */
  clear: both;
  /* 清除左右两边浮动 */
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/* ------------
   模块: end
---------------*/
